<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			.textCls{
				text-indent: 12px; 
				color: red;
				text-align: justify; /*设置文字对戏   left  center   right   justify ：  两端对齐*/
				line-height: 30px;    /*设置行高*/
				letter-spacing: 10px;/*设置文字的间距*/
				text-decoration: underline;
				text-shadow: 2px 2px 8px yellow; /*文字阴影*/
			}
			.div1{
				direction: rtl;
				word-spacing: 30px;
			}
			.p1{
				white-space: nowrap;  /*设置元素中空白的处理方式  禁用换行*/
				text-shadow: 2px 2px red;
			}
			.img1{
				vertical-align: text-top;  /*设置元素的垂直对齐    设置文字在图片的顶部 对齐*/
			}
		</style>
	</head>
	<body>
		 <!--
         	 文本 ：
         	 	text-indent :  12px  首行缩进
         -->
         <div class="textCls"  >这是一个段落，它主要讲解的是文本属性，文本样式，文本字体 <br />
         					这是一个段落，它主要讲解的是文本属性，文本样式，文本字体 <br />
       						  这是一个段落，它主要讲解的是文本属性，文本样式，文本字体
         </div>
         
         <div class="div1">
         	设置文字的方向This is some text. This is some text.
         </div>
         
         <p class="p1">
			这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。
			这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。
			这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。
			这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。
			这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。
</p>

        <p>这是一张<img class="img1" src="img/car001.PNG" width="200px" height="200px" />片</p>


        
	</body>
</html>
